<template>
  <!-- 这个页面包括了三个页面，  企业信息审核，  优质企业审核，  知名企业审核 -->
  <div>
    <div class="socialTitle clearfix">
      <div
        class="titleName fl"
        v-html="title"
      ></div>
    </div>
    <div
      id="jhTable"
      class="pd30"
    >
      <ul class="checkTab">
        <!-- 这里显示的是   待审核   已通过和   未通过 -->
        <!-- 点击事件的时候 把一整个item作为参数传过去 -->
        <!-- 当current===item.status的时候给他加一个 active  这个类-->
		<template v-for="item in tabs">
			<!-- 消息未读的气泡 -->
			<el-badge :value="unreadNum" :hidden="item.label != '待审核' || unreadNum == 0" class="item">
			<li
			  :key="item.status"
			  v-html="item.label"
			  :class="{'active':current===item.status}"
			  @click="clickTab(item)"
			></li>
			</el-badge>
		</template>
      </ul>
	
      <el-table
        :data='tableData'
        stripe
        style="width: 100%"
        border
      >
        <!-- tableColumn 会先在  mounted  阶段 挂在好  然后在这里进行 遍历 -->
        <!-- 显示的其实就是   待审核  已通过  为通过下面的表头（企业名称：所在地区。。。。 ） -->
        <template v-for="item in tableColumn">
          <!-- 如果  item.value不等于  ‘opt’ 那就 显示   ，也就是说把tableColumn里面的每一项都循环遍历在上面，当遍历到‘opt’的时候就不让他显示 -->
          <el-table-column
            v-if="item.value!=='opt'"
            :key="item.value"
            :prop="item.value"
            :label="item.label"
            align="center"
          ></el-table-column>
          <!-- 操作部分的代码 -->
          <el-table-column
            :key="item.value"
            v-else-if="item.value=='opt'&& ((current==='0' && companyType =='1'&& (global.powerAllBtn.qygl.qyxxshBtn||global.powerAllBtn.qygl.qyxxsbBtn))||(current!=='0' && companyType =='1'))"
            label="操作"
            align="center"
          >
            <!-- 操作部分的代码  下面的   自定义列表 -->
            <template slot-scope="scope">
              <!-- ============================================================================== -->
              <!-- 企业信息- -->
              <!-- 当global里面的 powerAllBtn.qygl.qyxxshBtn为 true  并且 current==0的时候显示（只有在待审核的时候  current才为  0  ）-->
              <!-- ====================================================================== -->
              <el-button
                v-if="global.powerAllBtn.qygl.qyxxshBtn && current=='0'"
                @click="check(scope.row)"
                type="text"
                size="small"
              >
				<!-- 消息未读的气泡 -->
				<el-badge is-dot class="item" >审核</el-badge>
			  </el-button>
              <el-button
                v-if="global.powerAllBtn.qygl.qyxxsbBtn && current=='0'"
                @click="toReport(scope.row,1)"
                type="text"
                size="small"
              >上报</el-button>
              <!-- 当current的值不为0 的时候  显示 （当点击了 已通过  未通过 的时候 操作栏只显示   详情   ） -->
              <!-- ============================================ -->
              <el-button
                v-if="current!=='0'"
                @click="details(scope.row)"
                type="text"
                size="small"
              >详情</el-button>
            </template>
          </el-table-column>
          <!-- ============================================================= -->
          <!-- 优质企业审核 显示判断条件-->
          <!-- ================================================================ -->
          <el-table-column
            :key="item.value"
            v-else-if="item.value=='opt'&& ((current==='0' && companyType =='2'&& (global.powerAllBtn.qygl.yzqyshBtn||global.powerAllBtn.qygl.yzqysbBtn))||(current!=='0' && companyType =='2'))"
            label="操作"
            min-width="90px"
            align="center"
          >
            <template slot-scope="scope">
              <!-- 优质企业 -->
              <!-- 优质企业审核按钮为  true  的时候显示 -->
              <!-- 当点击的是 待审核  并且 点的是企业信息审核的时候 显示   审核  按钮  -->
              <el-button
                v-if="current==='0' && companyType =='2' "
                v-show="global.powerAllBtn.qygl.yzqyshBtn"
                @click="check(scope.row)"
                type="text"
                size="small"
              >
				<!-- 消息气泡 -->
				<el-badge is-dot class="item">审核</el-badge>
			  </el-button>
              <!-- 优质企业上报按钮为  true  的时候显示 -->
              <!-- 当点击的是 待审核  并且 点的是企业信息审核的时候 显示   审核  按钮  -->
              <el-button
                v-if="current==='0'  && companyType =='2'"
                v-show="global.powerAllBtn.qygl.yzqysbBtn"
                @click="toReport(scope.row,3)"
                type="text"
                size="small"
              >上报</el-button>
              <!-- 优质企业重申按钮为  true  的时候显示 -->
              <!-- 当tindex等于2   且 current等于1 的时候显示 -->
              <!--企业信息  type（tindex）  是 1 ，  优质企业  type（tindex）  是 2  ， 知名企业  type（tindex）  是 3  ， 岗位管理  type（tindex）  是4  -->
              <!-- // 点击切换 待审核   已通过   未审核的时候 把  item。status赋值给当前date里面的current这个属性
                  // 给了这个current  一个 0，  1 ，  2 这三个 值里面的一个 -->
              <!-- 当点了 优质企业 并且  点击的是  已通过的时候  显示-->
              <el-button
                v-if="(tindex==='2') && current==='1'"
                v-show="global.powerAllBtn.qygl.yzqycsBtn"
                @click="retrial(scope.row)"
                type="text"
                size="small"
              >重审</el-button>
              <!-- 当点了 优质企业 并且  点击的是  未通过的时候 并且  scope.row.istop == '0' 显示  置顶这个按钮-->
              <el-button
                v-if="(tindex==='2') && current==='1' && scope.row.istop == '0'"
                v-show="global.powerAllBtn.qygl.yzqyzdBtn"
                @click="toStick(scope.row)"
                type="text"
                size="small"
              >置顶</el-button>
              <!--  当点了 优质企业 并且  点击的是  未通过的时候  并且 scope.row.istop == '1' 的时候  显示  置顶这个按钮 -->
              <el-button
                v-if="(tindex==='2') && current==='1' && scope.row.istop == '1'"
                v-show="global.powerAllBtn.qygl.yzqyzdBtn"
                @click="toCancelStick(scope.row)"
                type="text"
                size="small"
              >取消置顶</el-button>
              <el-button
                v-if="current!=='0'"
                @click="details(scope.row)"
                type="text"
                size="small"
              >详情</el-button>
            </template>
          </el-table-column>
          <!-- ============================================================= -->
          <!-- 知名企业审核 显示判断条件-->
          <!-- ================================================================ -->

          <!--企业信息  type（tindex）  是 1 ，  优质企业  type（tindex）  是 2  ， 知名企业  type（tindex）  是 3  ， 岗位管理  type（tindex）  是4  -->
          <!-- // 点击切换 待审核   已通过   未审核的时候 把  item.status赋值给当前date里面的current这个属性
                  // 给了这个current  一个 0，  1 ，  2 这三个 值里面的一个 -->
          <!-- // 企业信息  type  是 1 ，  优质企业  type  是 2  ， 知名企业  type  是 3  ， 岗位管理  type  是4  -->
          <el-table-column
            :key="item.value"
            v-else-if="item.value=='opt'&& ((current==='0' && companyType =='3'&& (global.powerAllBtn.qygl.zmqyshBtn||global.powerAllBtn.qygl.zmqysbBtn))||(current!=='0' && companyType =='3'))"
            label="操作"
            align="center"
            min-width="90px"
          >
            <template slot-scope="scope">
              <!-- 知名企业 -->
              <!-- 当点击  待审核  并且  点击的是   知名企业   的时候会显示  审核   这个 按钮  -->
              <el-button
                v-if="current==='0' && companyType =='3' "
                v-show="global.powerAllBtn.qygl.zmqyshBtn"
                @click="check(scope.row)"
                type="text"
                size="small"
              >
				<!-- 消息未读的气泡 -->
				<el-badge is-dot class="item">审核</el-badge>
			  </el-button>
              <!-- 当点击  待审核  并且  点击的是   知名企业   的时候会显示    上报     这个 按钮  -->
              <el-button
                v-if="current==='0'  && companyType =='3'"
                v-show="global.powerAllBtn.qygl.zmqysbBtn"
                @click="toReport(scope.row,2)"
                type="text"
                size="small"
              >上报</el-button>
              <!-- 当点击   企业信息    的时候 并且点击了  已通过   的时候显示这个   重置   按钮  -->
              <el-button
                v-if="(tindex==='3') && current==='1'"
                v-show="global.powerAllBtn.qygl.zmqycsBtn"
                @click="retrial(scope.row)"
                type="text"
                size="small"
              >重审</el-button>
              <!-- 当点击   企业信息    的时候 并且点击了  已通过  并且  scope.row.istop==‘0’   的时候显示这个   置顶   按钮  -->
              <el-button
                v-if="( tindex==='3') && current==='1' && scope.row.istop == '0'"
                v-show="global.powerAllBtn.qygl.zmqyzdBtn"
                @click="toStick(scope.row)"
                type="text"
                size="small"
              >置顶</el-button>
              <!-- 当点击   企业信息    的时候 并且点击了  已通过  并且  scope.row.istop==‘1’   的时候显示这个   置顶   按钮  -->
              <el-button
                v-if="( tindex==='3') && current==='1' && scope.row.istop == '1'"
                v-show="global.powerAllBtn.qygl.zmqyzdBtn"
                @click="toCancelStick(scope.row)"
                type="text"
                size="small"
              >取消置顶
              </el-button>
              <!-- 当 点击的按钮不是 待审核的时候  显示的就是   详情    这个 按钮  -->
              <el-button
                v-if="current!=='0'"
                @click="details(scope.row)"
                type="text"
                size="small"
              >详情</el-button>
            </template>
          </el-table-column>
          <!-- ============================================================================================================================================== -->
          <!-- =============================================================对公账户审核==================================================================== -->
          <!-- =============================================================================================================================================== -->
          <el-table-column
            :key="item.value"
            v-else-if="item.value=='opt'
            && 
            ((current==='0' && companyType =='5'&& (global.powerAllBtn.qygl.dgzhshBtn||global.powerAllBtn.qygl.dgzhsbBtn))
            ||(current!=='0' && companyType =='5'))"
            label="操作"
            min-width="90px"
            align="center"
          >
            <template slot-scope="scope">
              <!-- 优质企业 -->
              <!-- 优质企业审核按钮为  true  的时候显示 -->
              <!-- 当点击的是 待审核  并且 点的是企业信息审核的时候 显示   审核  按钮  -->
              <el-button
                v-if="current==='0' && companyType =='5' "
                v-show="global.powerAllBtn.qygl.dgzhshBtn"
                @click="check(scope.row)"
                type="text"
                size="small"
              >
			  <!-- 消息未读的气泡 -->
			  <el-badge is-dot class="item">审核</el-badge>
			  </el-button>
              <!-- 优质企业上报按钮为  true  的时候显示 -->
              <!-- 当点击的是 待审核  并且 点的是企业信息审核的时候 显示   审核  按钮  -->
              <el-button
                v-if="current==='0'  && companyType =='5'"
                v-show="global.powerAllBtn.qygl.dgzhsbBtn"
                @click="toReport(scope.row,3)"
                type="text"
                size="small"
              >上报</el-button>
              <!-- 优质企业重申按钮为  true  的时候显示 -->
              <!-- 当tindex等于2   且 current等于1 的时候显示 -->
              <!--企业信息  type（tindex）  是 1 ，  优质企业  type（tindex）  是 2  ， 知名企业  type（tindex）  是 3  ， 岗位管理  type（tindex）  是4  -->
              <!-- // 点击切换 待审核   已通过   未审核的时候 把  item。status赋值给当前date里面的current这个属性
                  // 给了这个current  一个 0，  1 ，  2 这三个 值里面的一个 -->
              <!-- 当点了 优质企业 并且  点击的是  已通过的时候  显示-->
              <!-- <el-button
                v-if="(tindex==='5') && current==='1'"
                v-show="global.powerAllBtn.qygl.yzqycsBtn"
                @click="retrial(scope.row)"
                type="text"
                size="small"
              >重审</el-button> -->
              <!-- 当点了 优质企业 并且  点击的是  未通过的时候 并且  scope.row.istop == '0' 显示  置顶这个按钮-->
              <!-- <el-button
                v-if="(tindex==='2') && current==='1' && scope.row.istop == '0'"
                v-show="global.powerAllBtn.qygl.yzqyzdBtn"
                @click="toStick(scope.row)"
                type="text"
                size="small"
              >置顶</el-button> -->
              <!--  当点了 优质企业 并且  点击的是  未通过的时候  并且 scope.row.istop == '1' 的时候  显示  置顶这个按钮 -->
              <el-button
                v-if="(tindex==='5') && current==='1' && scope.row.istop == '1'"
                v-show="global.powerAllBtn.qygl.dgzhsbBtn"
                @click="toCancelStick(scope.row)"
                type="text"
                size="small"
              >取消置顶</el-button>
              <el-button
                v-if="current!=='0'"
                @click="details(scope.row)"
                type="text"
                size="small"
              >详情</el-button>
            </template>
          </el-table-column>
        </template>

      </el-table>
    </div>
    <!-- ========================================= -->
    <!-- 分页器 -->
    <!-- ========================================= -->
    <div class="pageBox">
      <!-- <el-pagination background layout="total, prev, pager, next, jumper" :current-page.sync="cpage" :total="totalNum" @current-change="pageChange" :page-size="pageSize"></el-pagination> -->
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="pageChange"
        :current-page="cpage"
        :page-sizes="[10,20, 30, 50,100]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="totalNum"
        background
      ></el-pagination>
    </div>
    <!-- ============================================================= -->
    <!-- 这是一个弹出框 -->
    <!-- ============================================================= -->
    <el-dialog
      :visible.sync="checkFlag"
      width="980px"
      custom-class="jhdialog"
    >
      <!-- ============================================= -->
      <!-- 弹出框里放入check方法，来显示自己要显示的弹出框 -->
      <!-- ============================================= -->
      <!-- 给这个  check  这个页面传入这个  companyType  这个属性 -->
      <!--企业信息  type（tindex）  是 1 ，  优质企业  type（tindex）  是 2  ， 知名企业  type（tindex）  是 3  ， 岗位管理  type（tindex）  是4  -->
      <!-- ==================================================================================== -->
      <!-- // 点击切换 待审核   已通过   未审核的时候 把  item.status赋值给当前date里面的current这个属性 -->
      <!-- ======================================================================================= -->
      <!-- // 给了这个current  一个 0，  1 ，  2 这三个 值里面的一个 -->
      <!-- // 企业信息  type  是 1 ，  优质企业  type  是 2  ， 知名企业  type  是 3  ， 岗位管理  type  是4  -->
      <!-- :companyId="info.companyid" -->
      <!-- :companyName="info.companyName" -->
      <check
        v-if="checkFlag"
        :companyName="ct5=='5'?info.companyName:info.companyname"
        :companyId='ct5=="5"
        ?info.companyCode:info.companyid'
        :tabNum="current"
        :type="companyType"
        :corporateName='info.corporateName'
        :checkPicture='info.checkPicture'
        :checkNeedStatus='nextNeedStatus'
        @cancelCheck="close"
      ></check>
    </el-dialog>
    <el-dialog
      :visible.sync="dialogVisible"
      width="600px"
      custom-class="retrialDialog"
    >
      <h3>重审</h3>
      <div class="dialog-body">
        <div class="choice-box">
          <el-radio
            v-model="form.type"
            label="1"
          >普通企业</el-radio>
          <el-radio
            v-show="tindex === '3'"
            v-model="form.type"
            label="2"
          >优质企业</el-radio>
          <el-radio
            v-show="tindex === '2'"
            v-model="form.type"
            label="3"
          >知名企业</el-radio>
        </div>
        <div class="reason-box">
          <span>原因：</span>
          <el-input
            v-model="form.desc"
            placeholder="请输入内容"
            style="width: 300px"
          ></el-input>
        </div>
      </div>
      <span
        slot="footer"
        class="dialog-footer"
      >
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button
          type="primary"
          @click="submit"
        >确 定</el-button>
      </span>
    </el-dialog>
    <el-dialog
      :visible.sync="warnDialogVisible"
      width="500px"
      @close="closeWarnDialog"
    >
      <div class="warn-dialog-header">
        <span>上报原因</span>
      </div>
      <div class="warn-dialog-body">
        <div class="warn-dialog-body-title">发送内容</div>
        <el-input
          type="textarea"
          :rows="6"
          v-model.trim="reportContent"
        ></el-input>
        <div class="warn-dialog-btn">
          <el-button
            style="margin-right: 30px;"
            @click="warnDialogVisible = false"
          >取消</el-button>
          <el-button
            type="primary"
            @click="confirmReport"
          >确定</el-button>
        </div>
      </div>
    </el-dialog>
  </div>
</template>
<script>
// =====================================================================
// 优质企业审核里面的   操作  里面的   详情按钮   弹出一个被审核公司的基本信息
// =====================================================================
import check from "./check.vue";
import moment from "moment"

export default {
  name: "",
  components: {
    // ==============================================
    // 挂载这个check 
    // ==============================================
    check
  },
  //这三个参数是从socical传过来的
  // 企业信息  type  是 1 ，  优质企业  type  是 2  ， 知名企业  type  是 3  ， 岗位管理  type  是4 
  props: ["title", "companyType", "tindex","unreadNum"],
  data () {
    return {
      companyScaleList: [],
      companyTypeList: [],
      checkHuman: "",
      ct5: this.companyType,
      // index 用于和companyType组合决定tablecolumn
      tabs: [
        { label: "待审核", value: 12, status: "0", index: "0" },
        { label: "已通过", value: 200, status: "1", index: "1" },
        { label: "未通过", value: 5, status: "2", index: "2" }
      ],
      current: "0",
      columnObj: {
        // 企审待审
        "10": [
          { label: "企业名称", value: "companyname" },
          { label: "所在地区", value: "cityname" },
          { label: "企业类型", value: "companytypename" },
          { label: "企业规模", value: "companysizename" },
          { label: "注册时间", value: "applytime" },
          { label: "操作", value: "opt" }
        ],
        // 企审过审/未过
        "11": [
          { label: "企业名称", value: "companyname" },
          { label: "所在地区", value: "cityname" },
          { label: "企业类型", value: "companytypename" },
          { label: "企业规模", value: "companysizename" },
          { label: "审核时间", value: "auditDate" },
          { label: "审核人", value: "auditorname" },
          { label: "操作", value: "opt" }
        ],
        // 优审 待审
        "20": [
          { label: "企业名称", value: "companyname" },
          { label: "所在地区", value: "cityname" },
          { label: "企业类型", value: "companytypename" },
          { label: "企业规模", value: "companysizename" },
          { label: "申请时间", value: "applytime" },
          { label: "操作", value: "opt" }
        ],
        // 优审 过审 未过
        "21": [
          { label: "企业名称", value: "companyname" },
          { label: "所在地区", value: "cityname" },
          { label: "企业类型", value: "companytypename" },
          { label: "企业规模", value: "companysizename" },
          { label: "申请时间", value: "applytime" },
          { label: "审核人", value: "auditorname" },
          { label: "操作", value: "opt" }
        ],
        // 知审 待审
        "30": [
          { label: "企业名称", value: "companyname" },
          { label: "所在地区", value: "cityname" },
          { label: "企业类型", value: "companytypename" },
          { label: "企业规模", value: "companysizename" },
          { label: "申请时间", value: "applytime" },
          { label: "操作", value: "opt" }
        ],
        // 知审 过审 未过
        "31": [
          { label: "企业名称", value: "companyname" },
          { label: "所在地区", value: "cityname" },
          { label: "企业类型", value: "companytypename" },
          { label: "企业规模", value: "companysizename" },
          { label: "申请时间", value: "applytime" },
          { label: "审核人", value: "auditorname" },
          { label: "操作", value: "opt" }
        ],
        // 对审 待审
        "50": [
          { label: "企业名称", value: "companyName" },
          { label: "所在地区", value: "areaName" },
          { label: "企业类型", value: "companyType" },
          { label: "企业规模", value: "companyScale" },
          { label: "申请时间", value: "createTime" },
          { label: "操作", value: "opt" }
        ],
        // 对审 过审 未过
        "51": [
          { label: "企业名称", value: "companyName" },
          // 所在地区
          { label: "所在地区", value: "areaName" },
          // 企业类型
          { label: "企业类型", value: "companyType" },
          // 企业规模
          { label: "企业规模", value: "companyScale" },
          // 我来转换
          { label: "审核时间", value: "checkTime" },
          // 审核人
          { label: "审核人", value: "checkHuman" },
          { label: "操作", value: "opt" }
        ],
      },
      tableColumn: [],
      tableData: [
        // {
        //   corporateName: "天都",
        //   createTime: "1571382771991",
        //   checkPicture: "https://tiandufacai-1259220846.cos.ap-shanghai.myqcloud.com/newimg/634771168229851136.jpg",
        //   companyCode: "123",
        //   companyName: "测试1",
        //   corporateAccount: "456",
        //   checkMoney: 0.01
        // }
      ],
      checkFlag: false, //是否显示审核详情
      info: {}, //传给子组件的公司信息
      totalNum: 0,
      cpage: 1,
      pageSize: 10,
      dialogVisible: false,

      form: {
        companyid: "",
        type: "",
        desc: ""
      },
      global: {},
      searchCity: {
        province: "",
        city: "",
        area: "",
        citys: []
      },
      level: "",
      warnDialogVisible: false,
      reportType: "", //上报type
      reportId: "", //上报id
      reportContent: "", //上报内容,
      nextNeedStatus: '',
    };
  },
  created () {
    this.global = this.GLOBAL;
    this.getAuthority();
    // 点了前面的信息审核再点对公账户审核出现的信息显示不出的问题，因为没有调用这个函数导致的
    this.getData();
  },
  mounted () {
    // console.log(localStorage.getItem("checkHuman").toString().replace(/"/g, ''))
    this.checkHuman = localStorage.getItem("checkHuman").toString().replace(/"/g, '')
    // console.log(this.chechHuman)
    this.current = '0'
    this.tableColumn = this.columnObj[this.tindex + this.current];
    setTimeout(() => {
      if (parseInt(this.companyType) < 5) {
        this.getList(1);
      } else if (this.companyType == '5') {
        this.getList2(1)
      } 
    }, 10);


    // this.getList(1);
    // 这个  columnObj  是用  this.tindex  和  this.current  用字符串拼接起来的  
    // 然后得到一个  columnObj 的下标，然后把该下标所对应的数组   赋值给  tableColumn这个数组
    // 这里的  this.tindex范围是1--5  

  },
  methods: {
    getAuthority () {
      let userinfo = localStorage.getItem("userinfo");
      userinfo = JSON.parse(userinfo);
      this.level = userinfo.level;
      this.searchCity.province = userinfo.province || "";
      this.searchCity.city = userinfo.city || "";
      this.searchCity.area = userinfo.area || "";
      this.searchCity.citys = [];
      this.searchCity.citys.push(+userinfo.province);
      this.searchCity.citys.push(+userinfo.city);
      this.searchCity.citys.push(+userinfo.area);
    },
    //  <!-- 企业信息  type（tindex）  是 1 ，  优质企业  type（tindex）  是 2  ， 知名企业  type（tindex）  是 3  ， 岗位管理  type（tindex）  是4  -->
    //   <!--点击切换 待审核   已通过   未审核的时候 把  item.status赋值给当前date里面的current这个属性
    //   // 给了这个current  一个 0，  1 ，  2 这三个 值里面的一个 -->
    //   <!--企业信息  type  是 1 ，  优质企业  type  是 2  ， 知名企业  type  是 3  ， 岗位管理  type  是4  -->
    getList (num) {
      let params = {
        // 这个  companyType  是从 socical 传过来的
        type: this.companyType,
        // 
        status: this.current,
        pagenum: num,
        pagesize: this.pageSize,
        province: this.searchCity.province,
        city: this.searchCity.city,
        area: this.searchCity.area
      };
      // console.log(params)
      // this.$axios
	  this.$flexibleAxios
        .post("/v1/platform/company/reviewList", params)
        .then(res => {
			
			console.log(res,'reviewList');
          if (res.data.message === "success.") {
            let result = res.data.data;
			console.log(result,'2222');
			for (var i in result.list){
				if(result.list[i].companyname==null){
					result.list[i].companyname='-'
				}
				if(result.list[i].cityname==null){
					result.list[i].cityname='-'
				}
				if(result.list[i].companytypename==null){
					result.list[i].companytypename='-'
				}
				if(result.list[i].companysizename==null){
					result.list[i].companysizename='-'
				}
				if(result.list[i].applytime==null){
					result.list[i].applytime='-'
				}
			}
			this.tableData=[];
            this.tableData = result.list;
            this.totalNum = Number(result.totalnum);
            this.cpage = num;
          }

        });
      // 这个    getlist   方法 是为了拿到  一个页面的条数  以及一个页面显示几条， 一及一共有多少条 
    },
	
    getList2 (num) {
      this.$eleconAxios.post(`/electronic/contract/SelectCheckInfo?checkState=${this.current}&pageNum=${num}&pageSize=${this.pageSize}`)
        .then(res => {
			console.log(res);
          if (res.data.message === "查询成功") {
            let result = res.data.data;
            result.list.map(item => {
              item.createTime = moment(+item.createTime).format('YYYY-MM-DD HH:mm')
              item.checkTime = moment(+item.checkTime).format('YYYY-MM-DD HH:mm')
              item.areaName = item.provinceName + '-' + item.cityName + '-' + item.areaName
              let companyScale = this.companyScaleList.filter(item1 => {
                if (item1.code === item.companyScale || item.companyScale == "中小型企业" || item.companyScale == null) {
                  return item1
                }
              })
			  if(companyScale.length>0 && companyScale[0].name){
				item.companyScale = companyScale[0].name;
			  }
              let companyType = this.companyTypeList.filter(item2 => {
                if (item2.code === item.companyType || item.companyType == '计算机' || item.companyType == null) {
                  return item2
                }
              })
			  if(companyType.length>0 && companyType[0].name){item.companyType = companyType[0].name;}
              return item
            })
            this.tableData = result.list;
            this.totalNum = Number(result.pageTotal);
            this.cpage = Number(result.pages)
          } else {
            console.log("出错了")
          }
        });
      // 这个    getlist   方法 是为了拿到  一个页面的条数  以及一个页面显示几条， 一及一共有多少条 
    },
    getData () {
      this.$axios.get("../../../assets/condition1.json").then(res => {
        this.companyScaleList = res.data.companyRange;
        this.companyTypeList = res.data.companyType;
      })
    },

    //置顶接口
    stickAjax (companyids, status) {
      this.$confirm("确定置顶吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          let params = {
            companyids: companyids,
            status: status
          };
          this.$axios
            .post("/app/v1/platform/company/topCompanyResult", params)
            .then(res => {
              if (res.data.code == "1") {
                this.$message({
                  message: "置顶成功",
                  type: "success"
                });
                this.getList(1);
              } else {
                this.$message({
                  message: res.data.message,
                  type: "error"
                });
              }
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消"
          });
        });
    },

    //取消置顶接口
    cancelStickAjax (companyids, status) {
      this.$confirm("确定取消置顶吗？", "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          let params = {
            companyids: companyids,
            status: status
          };
          this.$axios
            .post("/app/v1/platform/company/topCompanyResult", params)
            .then(res => {
              if (res.data.code == "1") {
                this.$message({
                  message: "取消置顶成功",
                  type: "success"
                });
                this.getList(1);
              } else {
                this.$message({
                  message: res.data.message,
                  type: "error"
                });
              }
            });
        })
        .catch(() => {
          this.$message({
            type: "info",
            message: "已取消"
          });
        });
    },
    clickTab ( item) {

      // 点击切换 待审核   已通过   未审核的时候 把  item。status赋值给当前date里面的current这个属性
      // 给了这个current  一个 0，  1 ，  2 这三个 值里面的一个
      // this.tindex  是从 socical传过来的   ，企业信息是  1    优质企业 是  2   知名企业   是 3    岗位管理是   4    对公账户审核是   5
      // item.index 有三个值   待审核   已通过   未通过  分别是   0    1    1    
      this.current = item.status;
      this.tableColumn = this.columnObj[this.tindex + item.index];
      this.pageSize = 10;
      if (parseInt(this.ct5) < 5 ) {
        this.getList(1);
      } else if (this.ct5 == '5') {
        this.getList2(1);
		console.log('aaa')
      } else if (this.ct5 == '6') {
		this.getContract(1,1 + parseInt(this.current));
	  } else if (this.ct5 == '7') {
		this.getContract(1,5 + parseInt(this.current));  
	  }
    },
    // 审核
    check (r) {
      this.info = r;
      this.checkFlag = true;

    },
    //上报
    toReport (r, type) {
      this.warnDialogVisible = true;
      this.reportType = type;
      this.reportContent = "";
      this.reportId = r.companyid;
    },
    closeWarnDialog () {
      this.reportContent = "";
    },
    //上报请求
    reportAjax () {
      let data = {
        id: this.reportId,
        reporttype: this.reportType,
        content: this.reportContent
      };
      if (!this.reportContent) {
        this.$message({
          type: "warning",
          message: "上报内容不能为空!"
        });
        return;
      }
      this.$axios
        .post("/app/v1/platform/unusual/reportSubmit", data)
        .then(res => {
          if (res.data.message === "success.") {
            this.warnDialogVisible = false;
            this.$message({
              type: "success",
              message: "操作成功!"
            });
          } else {
            this.warnDialogVisible = false;
            this.$message({
              message: res.data.message,
              type: "error"
            });
          }
        });
    },
    //上报里确定
    confirmReport () {
      this.reportAjax();
    },
    // 详情
    // 把行对象传给info这个对象，在这个页面里的所有的弹窗都能取货带这个对象里的各个属性值
    details (r) {
      console.log(r)
      this.nextNeedStatus = r.status
      this.info = r;
      this.checkFlag = true;
    },
    //置顶
    toStick (row) {
      this.stickAjax(row.companyid, 1);
    },
    //取消置顶
    toCancelStick (row) {
      this.cancelStickAjax(row.companyid, 0);
    },
    retrial (r) {
      this.form.companyid = r.companyid;
      this.form.type = "";
      this.form.desc = "";
      this.dialogVisible = true;
    },
    pageChange (p) {
	  if (parseInt(this.ct5) < 5) {
	    this.getList(p);
	  } else if (this.ct5 == '5') {
	    this.getList2(p)
	  } else if (this.ct5 == '6') {
	  	this.getContract(1,1);
	  } else if (this.ct5 == '7') {
		this.getContract(1,5);  
	  }
    },
    handleSizeChange (val) {
      this.pageSize = val;

	  if (parseInt(this.ct5) < 5) {
	    this.getList(1);
	  } else if (this.ct5 == '5') {
	    this.getList2(1)
	  } else if (this.ct5 == '6') {
	  	this.getContract(1,1);
	  } else if (this.ct5 == '7') {
		this.getContract(1,5);    
	  }
    },
    close () {
      this.checkFlag = false;

      if ((this.ct5 != '5') && (this.ct5 != '6')) {
        this.getList(1);
      } else if (this.ct5 == '5') {
        this.getList2(1)
      } else if (this.ct5 == '6') {
      		// this.getList3();
      		console.log('获取电子合同列表');
      }
    },
    submit () {
      if (!this.form.type) {
        this.$message({
          type: "warning",
          message: "请选择企业类型"
        });
        return;
      }
      if (!this.form.desc) {
        this.$message({
          type: "warning",
          message: "原因不能为空"
        });
        return;
      }
      let companyType = "";
      switch (this.form.type) {
        case "1":
          companyType = "普通企业";
          break;
        case "2":
          companyType = "优质企业";
          break;
        default:
          companyType = "知名企业";
          break;
      }
      this.$confirm(`您是否确认要将该企业设置为${companyType}吗?`, "提示", {
        confirmButtonText: "确定",
        cancelButtonText: "取消",
        type: "warning"
      })
        .then(() => {
          this.$axios
            .post("/app/v1/platform/company/retrialResult", this.form)
            .then(res => {
              if (res.data.message === "success.") {
                this.dialogVisible = false;
                this.$message({
                  type: "success",
                  message: "操作成功!"
                });
                this.getList(1);
              } else {
                this.$message({
                  message: res.data.message,
                  type: "error"
                });
              }
            });
        })
        .catch(() => {
          this.$message({
            type: "warning",
            message: "已取消操作"
          });
        });
    }
  },
  // 看到这里了
  // 当点击切换  企业信息审核  优质企业审核   知名企业审核  管理岗位  的时候 监听到
  //  companType的变化的时候  就把 current  变为  0
  watch: {
    companyType: {
      handler (nval, oval) {
        this.current = "0";
        this.tableColumn = this.columnObj[this.tindex + this.current];
        this.ct5 = nval;
		if(this.tindex == '6' || this.tindex == '7'){
			this.tabs = [
				{ label: "待发送", value: 12, status: "0", index: "0" },
				{ label: "待审核", value: 200, status: "1", index: "0" },
				{ label: "已通过", value: 5, status: "2", index: "1" },
				{ label: "未通过", value: 5, status: "3", index: "1" }
			]
		}else{
			this.tabs = [
				{ label: "待审核", value: 12, status: "0", index: "0" },
				{ label: "已通过", value: 200, status: "1", index: "1" },
				{ label: "未通过", value: 5, status: "2", index: "1" }
			]
		}
        /* if (nval != '5') {
          this.getList(1);
        } else if (nval == '5') {
          setTimeout(() => {
            this.getList2(1);
          }, 10);

        } */
		
		if (parseInt(this.companyType) < 5) {
		  this.getList(1);
		} else if (this.companyType == '5') {
		  this.getList2(1)
		} else if (this.companyType == '6'){
			this.getContract(1,1);
		} else if (this.companyType == '7'){
			this.getContract(1,5);
		}
		
      },
      deep: true,
      immediate: true
    }
  }
};
</script>

<style scoped>
.retrialDialog h3 {
  font-size: 18px;
  line-height: 48px;
  padding-left: 20px;
  border-bottom: 1px solid #ddd;
}

.retrialDialog .dialog-body {
  padding: 20px;
}

.reason-box {
  display: flex;
  margin-top: 20px;
}

.reason-box span {
  line-height: 40px;
  margin-right: 20px;
}

/* 上报原因样式 */
.warn-dialog-header {
  font-size: 16px;
  box-sizing: border-box;
  padding: 20px;
  border-bottom: 1px solid #bfbfbf;
}

.warn-dialog-header::before {
  content: '';
  border-left: 8px solid #0064e4;
  margin-right: 10px;
}

.warn-dialog-body {
  box-sizing: border-box;
  padding: 20px;
}

.warn-dialog-body-title {
  font-size: 16px;
  margin-bottom: 20px;
}
.warn-dialog-btn {
  margin-top: 20px;
  text-align: center;
}
.contract p{
	margin: 20px 30px;
}
.pdf-logo{
	width: 100px;
}
.agent-top .item{
	float: left;width: 46%;margin: 10px 2%;
}
.item .label,.item .text,.item .img{
	float: left;margin-right: 10px;font-size: 12px;
}
.item .label{
	width: 130px;height: 30px;line-height: 30px;
}
.item .text{
	width: 240px;border: 1px solid #CECECE;height: 30px;line-height: 30px;
	padding-left: 10px;
}
.item .img{
	width: 240px;border: 1px dotted #CECECE;height: 180px;text-align: center;
}
.item .img img{
	width: 150px;margin-top: 15px;
}
.contract .contract-pdf{
	width: 150px;text-align: center;text-decoration: none;color: #000;
}
.contract .img-list{
	width: 80%;margin: 20px;
}
.img-list .item{
	width: 130px;margin: 0 10px;text-align: center;
}
.img-list .item img{
	width: 100px;margin: 10px 0;
}
.contract .reject{
	width: 98%;margin: 10px;
}
</style>
